<script setup>

import { ref } from 'vue';
import axios from 'axios';
console.log('axios', axios);
// const COS = require("./base.js");
// console.log('COS', COS);
// import * as TcVod from 'vod-js-sdk-v6';
// const TcVod = require('vod-js-sdk-v6');
// console.log('TcVod', TcVod);


// const file = ref();

// const vExampleUpload = (e) => {
//   const tmpfile = e.target.files[0];
//   file.value = tmpfile;
//   console.log('file', tmpfile);
// }
// const upload = () => {
  
//   const tcVod = new TcVod({
//     getSignature: getSignature
//   });

//   console.log('file.value', file.value);
//   var options = Object.assign({
//     mediaFile: file.value,

//   }, {
//     chunkSize: 1048576 * 8,
//     dynamicAccelerate: true,
//   });


//   var uploader = tcVod.upload(options);

//   uploader.done().then((doneResult) => {
//     console.log('doneResult', doneResult);
//   });




// }



// function getSignature() {
//   return axios.post('https://demo.vod2.myqcloud.com/ugc-upload/', JSON.stringify({
//     "Action": "GetUgcUploadSign"
//   })).then(function (response) {
//     return response.data.data.sign
//   })
// };


</script>

<template>
  <div>
    2234
    <!-- <input type="file" ref="vExampleFile" @change="vExampleUpload($event)" />

    <button @click="upload">upload</button> -->
  </div>
</template>


<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
